<template>
	<view class="login-page">
		<view class="login-logo">
			<cover-image src="../../static/logo.png"></cover-image>
		</view>
		<view class="login-hi">
			<text>早上好</text>
			<cover-image src="../../static/hi.png"></cover-image>
		</view>
		<view class="login-warp">
			<uni-forms class="login-form" :model-value="registerForm">
				<uni-forms-item name="email">
					<uni-easyinput class="login-input" :inputBorder="false" maxlength="50" trim="all"
						v-model="registerForm.email" placeholder="邮箱"></uni-easyinput>
				</uni-forms-item>
				<uni-forms-item name="code">
					<uni-easyinput class="login-input" :inputBorder="false" maxlength="6" trim="all"
						v-model="registerForm.code" placeholder="验证码"></uni-easyinput>
					<text class="code-btn">{{ codeBtn }}</text>
				</uni-forms-item>
				<uni-forms-item name="pwd">
					<uni-easyinput class="login-input" :inputBorder="false" maxlength="30" type="password" trim="all"
						v-model="registerForm.pwd" placeholder="密码"></uni-easyinput>
				</uni-forms-item>
				<uni-forms-item name="enterPwd">
					<uni-easyinput class="login-input" :inputBorder="false" maxlength="30" type="password" trim="all"
						v-model="registerForm.enterPwd" placeholder="确认密码"></uni-easyinput>
				</uni-forms-item>
				<uni-forms-item>
					<button class="login-button">注 册</button>
				</uni-forms-item>
				<uni-forms-item>
					<view class="form-bottom">
						<navigator url="/pages/login/login" open-type="redirect">用户登录</navigator>
						<navigator url="/pages/forget/forget" open-type="redirect">找回密码</navigator>
					</view>
				</uni-forms-item>
			</uni-forms>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { ref, reactive, onMounted } from 'vue';
	const registerForm = reactive({
		email: '',
		code: '',
		pwd: '',
		enterPwd: ''
	})
	const codeBtn = ref('验证码')
</script>

<style>
</style>
